img{
    width: 300px;
    height: 300px;
}

#piclist{
    width: 760px;
    height: 760px;
    margin: 100px auto;

}
.picbox{
    float: left;
    width: 300px;
    height: 300px;
    margin: 10px;
    position: relative;
    transform-style: preserve-3d;
    transition: 1.5s;
}

.picbox:hover{
    transform: rotateY(180deg);
}


.face{
    width: 300px;
    height: 300px;
    position: absolute;
}

.front{
    border: 2px solid #4b2518;
    z-index: 2;
}

.back{
    transform: translateZ(-1px) rotateY(180deg);
    background-color: #4b2518;
    border: 2px solid #fff;
}

.back h3{
    color: #fff;
    text-align: center;
}